.student-confirm{
  position: relative;
  .header-bg{
    width:100%;
    height: 500rpx;
    background-image: url('https://xwx.gzzmedu.com:6899/pic/wx-x-mai/bg@3x.png');
    background-size: 100% 100%;
  }
  .card{
    height:400rpx;
    padding:20rpx;
    width:80%;
    position: relative;
    background: #fff;
    top:-200rpx;
    margin:0 auto;
    border-radius: 10rpx;
    box-shadow:1px 1px 3px 1px #ddd;
    .title{
      padding:20rpx 0;
    }
  }
  .mask{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: rgba(0,0,0,.6);
  }
  .received{
    position: relative;
    top:-100rpx;
    color: #FF3F06;
    margin-left:50rpx;
  }
  .popup{
    width:80%;
    height:400rpx;
    background: #fff;
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    transform: translate(-50%,-50%);
    background-image: url('https://xwx.gzzmedu.com:6899/pic/wx-x-mai/popup_success.png');
    background-repeat: no-repeat;
    background-size: 100% 70%; 
    border-radius: 10rpx;
    view{
      width:35%;
      margin: 30rpx 0;
    }
  }
}